<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>jQuery slide panel</title>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/panelslide.js"></script>
</head>
<body>
  <div id="container">
    <div id="header">
      <div id="slide-panel">
        <form>
          <label for="username">Username:</label>
          <input type="text" id="username" name="username"/>
          <label for="password">Password:</label>
          <input type="text" id="password" name="password"/>
          <input type="submit" value="Login" />
          <a href="#">Forgot password?</a>
        </form>
      </div>
      <p class="slide"><a href="#" class="btn-slide">Login</a></p>
    </div>
  </div>
</body>
</html>